<template>
  <div>
    <div id="middle-container">
      <div>
        <chartMap />
      </div>
    </div>
    <div class="middle-container_body" style="margin-top:10px;height:calc(55vh - 100px)">
      <dv-border-box-10>
        <div class="leftContainer_second">
          <div class="middle-container_top_title">
            特定药品异常预警
          </div>
          <div class="leftContainer_second_body">
            <scrollBoard :height="heightStyle" :config="config" />
          </div>
        </div>
      </dv-border-box-10>
    </div>
  </div>
</template>
<script>
import chartMap from './chartMap.vue';
import scrollBoard from './scrollBoard';
export default {
  components: {
    chartMap,
    scrollBoard
  },
  data() {
    return {
      heightStyle: 'calc(35vh)',
      config: {
        header: ['药品名称', '药店名称', '数量', '发现时间', '生产企业', '批号'],
        data: [
          ['诺氟沙星胶囊', '绍***********店', '66', '2018-02-28', '福建古田药业有限公司', '22222'],
          ['三黄片', '新*********店', '35', '2020-02-28', '河南百年康鑫药业有限公司', '1111'],
          ['硫酸庆大霉素注射液*', '老***店', '67', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['银翘解毒合剂', '怡***房', '3', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['脑心舒口服液', '人**店', '23', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['注射用盐酸纳洛酮', '祥*******司', '85', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['脑心舒口服液', '华*******店', '12', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['阿卡波糖片', '健***店', '16', '2020-02-28', '福建古田药业有限公司', '22222'],
          ['复方氨酚烷胺片', '康***房', '56', '2020-02-28', '福建古田药业有限公司', '22222']

        ],
        columnWidth: [180, 120, 80, 100],
        align: ['center'],
        rowNum: 7,
        headerBGC: '#1981f6',
        headerHeight: 35,
        oddRowBGC: 'rgba(0, 44, 81, 0.8)',
        evenRowBGC: 'rgba(10, 29, 50, 0.8)'
      }
    };
  },
  mounted() {

  },
  created() {

  },
  methods: {

  }
};
</script>

<style scoped lang='scss' >
 .middle-container_body /deep/ .dv-border-box-10 .border-box-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 0px;
  }
   .middle-container_top_title{
     font-size: 17px;
     font-weight: bolder;
     margin-bottom: 5px;
     margin-left: 10px
   }
   .leftContainer_second_body /deep/  #scroll-board {
      box-sizing: border-box;
      height: 100%;
      overflow: hidden;
      width: 100% !important
    }

</style>
